Input group

<div class=input-group mb-3> <select class=form-select id=append-text-single-field data-placeholder=Choose one thing> <option></option> <option> ...

透過在文字輸入框、自訂選單、自訂檔案欄位等兩側添加文字內容、按鈕或按鈕群組，輕鬆的擴展表單控制元件。

透過在文字輸入框、自訂選單、自訂檔案欄位等兩側添加文字內容、按鈕或按鈕群組，輕鬆的擴展表單控制元件。

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

Input group. Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. Basic example · Button addons · Buttons with dropdowns · Segmented buttons

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. Basic example · Button addons · Buttons with dropdowns · Segmented buttons

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. Basic example · Sizing · Button addons · Buttons with dropdowns

you can put this type of elements. LIVE DEMO. HTML <div class=container> <div class=col-lg-6> <div class=input-group my-group> <input ...

Input group. Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs ...

The .input-group class is a container to enhance an input by adding an icon, text or a button in front or behind the input field as a help text.